<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="xuechang.css">
</head>
<body>
    <div class="cebian"></div>
    <div class="head w">
        <div class="logo">
            <img src="images/logo.jpg" alt="" style="width: 200px;height:100px;">
        </div>
        <div class="course">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">课程</a></li>
                <li><a href="#">职业规划</a></li>
            </ul>
            <div class="keyword ">
                <input type="text" value="输入关键词">
                <button ></button>
            </div>
            <div class="picture">
                <img src="images/user.jpg" alt="">
                <span>caikaixin</span>
            </div>
        </div>
    </div>
<!-- 头部结束 -->
    <div class="banner ">
        <div class="w">
        <div class="nav-left ">
            <ul>
                <li><a href="#">前端开发 <span>></span></a>
                </li>
                <li><a href="#">后端开发 <span>></span></a>
                </li>
                <li><a href="#">移动开发 <span>></span></a>  
                </li>
                <li><a href="#">人工智能 <span>></span></a>
                </li>
                <li><a href="#">商业预测 <span>></span></a>
                </li>
                <li><a href="#">云计算&大数据<span>></span></a> 
                </li>
                <li><a href="#">运维&从测试<span>></span></a>
                </li>
                <li><a href="#">ui设计<span>></span></a>
                </li>
                <li><a href="#">产品 <span>></span></a>
                </li>
            </ul>
            </div> 
             <div class="nav-right">
                 <p class="course-top">我的课程表</p>
             <div class="courses">
            <ul>
               <li><h4>继续学习 程序语言设计</h4>
                <p>正在学习-使用对象</p></li>
               <li><h4>继续学习 程序语言设计</h4>
                <p>正在学习-使用对象</p></li>
               <li><h4>继续学习 程序语言设计</h4>
                <p>正在学习-使用对象</p></li>
            </ul>
            <div class="course-bottom">
                <a href="#">全部课程</a>
             </div>   
                </div>
        </div> 
        </div>
    </div>
    <!-- 课程选择结束 -->
    <div class="web w">
        <h3 class="web-top" >精品推荐</h3>
        <ul>
            <li class="span"></li>
            <li class="web-center"><a href="#">jquer</a></li>
            <li class="span"></li>
            <li class="web-center"><a href="#">jquer</a></li>
            
            <li class="span"></li>
            <li class="web-center"><a href="#">jquer</a></li>
            <li class="span"></li>
            <li class="web-center"><a href="#">jquer</a></li>
            <li class="span"></li>
            <li class="web-center"><a href="#">jquer</a></li>
            <li class="span"></li>
            <li class="web-center"><a href="#">jquer</a></li>
            <li class="span"></li>
            <li class="web-center"><a href="#">jquer</a></li>
        </ul>
        <div class="xingqu">修改兴趣</div>
</div>
<!-- 精品推荐结束 -->
<div class="box w">
<div class="title ">
    <p>精品推荐</p>
    <a href="#">查看全部</a>
</div>
<div class="title-w clearfix">
    <ul>
        
        <li>
            <img src="images/hot.jpg" alt="" class="wei">
            <img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li>
            <img src="images/hot.jpg" alt="" class="wei">
            <img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
    <li><img src="images/pic.jpg" alt="">
        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
        <p><span>高级</span>·1125人在学习</p>
    </li>
    <li><img src="images/pic.jpg" alt="">
        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
        <p><span>高级</span>·1125人在学习</p>
    </li>
    <li><img src="images/pic.jpg" alt="">
        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
        <p><span>高级</span>·1125人在学习</p>
    </li>
    <li><img src="images/pic.jpg" alt="">
        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
        <p><span>高级</span>·1125人在学习</p>
    </li>
    <li><img src="images/pic.jpg" alt="">
        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
        <p><span>高级</span>·1125人在学习</p>
    </li>
    </ul>
</div>
<div class="title ">
    <p>精品推荐</p>
    <a href="#">查看全部</a>
</div>
<div class="title-w clearfix">
    <ul>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        <li><img src="images/pic.jpg" alt="">
            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
            <p><span>高级</span>·1125人在学习</p>
        </li>
        </ul>
        </div>
</div>
  <!-- 内容结束 -->
  <div class="foot ">
      <div class="w">
          <div class="zou">
         <img src="images/logo.png" alt="">
            <p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。
                © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号</p>
      <a href="#">下载app</a>
            </div>
            <div class="you">
                <dl>
                    <dt><a href="#">关于学成网</a></dt>
                    <dd><a href="#">关于</a></dd>
                   <dd><a href="#">管理团队</a></dd>
                   <dd><a href="#"></a>工作机会</dd>
                   <dd><a href="#">客户服务</a></dd>
                   <dd><a href="#">帮助</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">新手指南</a></dt>
                    <dd><a href="#">如何注册</a></dd>
                   <dd><a href="#">如何选课</a></dd>
                   <dd><a href="#">如何拿到毕业证</a></dd>
                   <dd><a href="#">学分是什么</a></dd>
                   <dd><a href="#">考试未通过怎么办?</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">合作伙伴</a></dt>
                    <dd><a href="#">合作机构</a></dd>
                    <dd><a href="#">合作导师</a></dd>
                </dl>
            </div>
        </div>
  </div>
</body>
</html>